<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="./zhihu.css" />
    <title>知乎</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <nav class="nav">
        <img class="logo" src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/zhihu.png" alt="">

        <ul class="menu">
            <li class="home">首页</li>
            <li class="find">发现</li>
            <li class="answer">等你来答</li>
        </ul>

        <div class="search">
            <img class="searchicon" src="http://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/search.png" alt="">

        </div>

        <div class="button">
            <span class="word">提问</span>
        </div>


        <img class="noticeicon" src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/%E9%80%9A%E7%9F%A5.png"
            alt="">

        <img class="messageicon" src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/%E6%B6%88%E6%81%AF.png"
            alt="">

        <img class="personicon" src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/%E4%BD%8D%E5%9B%BE.png"
            alt="">


            <div class="setting">
                <ul>
                  <li>
                    <img
                      src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/%E4%B8%AA%E4%BA%BA.png"
                    />
                    <div>我的主页</div>
                  </li>
                  <li>
                    <img
                      src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/%E8%AE%BE%E7%BD%AE.png"
                    />
                    <div>设置</div>
                  </li>
                  <li class="last">
                    <img
                      src="https://document.youkeda.com/P3-1-HTML-CSS/1.8/zhihu/%E9%80%80%E5%87%BA.png"
                    />
                    <div>退出</div>
                  </li>
                </ul>
              </div>

        </div>
    </nav>










</body>

</html>